body {
    display: block;
    width: 100%;
    height:100%;
    overflow: hidden;
}
#content{
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 100;
}

#content #con_right{
    display: inline-block;
    float: right;
    width: 100%;
    text-align: center;
    padding: 150px 0 0 0 ;
}
#content #con_right #form_plane{
    display: inline-block;
    width: 30%;
    min-width: 400px;
    height: 300px;
    border-radius: 3px;
    background-color:#2B2B36;
    text-align: center;
    margin-top: 20px;
}
#content #con_right #form_plane #form_title{
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    margin-bottom: 20px;
    text-align: center;
}
#content #con_right #form_plane #form_title h3{
    font:500 20px "微软雅黑";
    color: #333;
}
#content #con_right #form_plane form{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#content #con_right #form_plane form input{
    display: inline-block;
    width: 70%;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    border: 1px solid gainsboro;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 600;
}
#content #con_right #form_plane #form_bottom{
    display: inline-block;
    width: 100%;
    height: 20px;
    text-align: right;
}
#content #con_right #form_plane #form_bottom p{
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: right;
}
#content #con_right #form_plane #form_bottom p a {
    text-decoration: none;
    color: grey;
    font-size: 12px;
    font-weight: 500;
    margin-right: 15px;
}
#content #con_right #form_plane #form_bottom p a:hover{
    text-decoration: underline;
}


#content #con_right #form_plane form #sub{
    height: 40px;
    color: #ffffff;
    background-color: #86CE2F;
    border-radius: 3px;
    border: 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}
#footer{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100;
}
#footer #ft_title{
    display: inline-block;
    width: 100%;
    height: 30px;
    text-align: center;
}
#footer #ft_title ul{
    display: inline-block;
    width: 30%;
    text-align: center;
}
#footer #ft_title ul li{
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}
#footer #ft_title ul li span{
    display: inline-block;
    font:500 12px "微软雅黑";
    color: white;
}
#footer #ft_title ul li i{
     display: inline-block;
     width: 28px;
     height: 28px;
     background: url("/QQspace/img/third.png");
     background-size: 358px 28px;
     background-position: -210px 0;

 }
#footer #ft_title ul #iPhone_li i{
    background-position: -210px 0;
}
#footer #ft_title ul #ipad_li i{
    background-position: -240px 0;
}
#footer #ft_title ul #android_li i{
    background-position: -270px 0;
}
#footer #ft_title ul #wp_li i{
     background-position: -330px 0;
 }
#footer #ft_title ul #other_li i{
    background-position: -300px 0;
}
#ft_bottom p{
    height: 10px;
    line-height: 10px;
}
#ft_bottom a,#ft_bottom span{
    text-decoration: none;
    color: #ffffff;
    font:500 12px "微软雅黑";
}
#ft_bottom a:hover{
    text-decoration: underline;
}

/*背景图片层*/
#background{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
#background img{
    display: block;
    width: 100%;
    height:100%;
}
